
// 我的消息——对话窗口

var NIMsg = Vue.component('NIMsg', {
    data() {
        return {
            data: {
                operate: false, // 发送文件状态
            }
        }
    },

    template: `<div class="order__NIMsg">
                    <div class="common__msg__box">
                        <div class="common__msg__con">
                            <div class="common__msg__name">
                                <h6>XXX</h6>
                            </div>
                            <div class="common__msg__info">
                                <div class="common__msg__list common__msg__other">
                                    <div class="common__msg__resume">
                                        <div class="common__msg__resume__title">
                                            <h6>设计总监</h6>
                                        </div>
                                        <div class="common__msg__resume__detail">
                                            <p>今日头条D轮以上</p>
                                        </div>
                                        <div class="common__msg__resume__tag">
                                            <span>地区</span>
                                            <span>工作时长</span>
                                            <span>学历</span>
                                        </div>
                                        <div class="common__msg__resume__name">
                                            <p>XXX人</p>
                                        </div>
                                        <div class="common__msg__resume__money">
                                            <span>20K-60K</span>
                                        </div>
                                    </div>
                                    <div class="common__msg__version">
                                        <div class="common__msg__time">
                                            <span>2019-10-01 00:00:00</span>
                                        </div>
                                        <div class="common__msg__text">
                                            <div class="common__msg__photo">
                                                <img src="">
                                            </div>
                                            <div class="common__msg__replay">
                                                <span>文本内容文本本内容</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="common__msg__list common__msg__own">
                                    <div class="common__msg__resume">
                                        <div class="common__msg__resume__title">
                                            <h6>设计总监</h6>
                                        </div>
                                        <div class="common__msg__resume__detail">
                                            <p>今日头条D轮以上</p>
                                        </div>
                                        <div class="common__msg__resume__tag">
                                            <span>地区</span>
                                            <span>工作时长</span>
                                            <span>学历</span>
                                        </div>
                                        <div class="common__msg__resume__name">
                                            <p>XXX人</p>
                                        </div>
                                        <div class="common__msg__resume__money">
                                            <span>20K-60K</span>
                                        </div>
                                    </div>
                                    <div class="common__msg__version">
                                        <div class="common__msg__time">
                                            <span>2019-10-01 00:00:00</span>
                                        </div>
                                        <div class="common__msg__text">
                                            <div class="common__msg__replay">
                                                <span>文本内容文本本内容</span>
                                            </div>
                                            <div class="common__msg__photo">
                                                <img src="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="common__msg__set">
                                <div class="common__msg__input">
                                    <input type="text" placeholder="输入发送内容~"/>
                                    <i>发送</i>
                                    <span @click="showOperateFun">+</span>
                                </div>
                                <div class="common__msg__operate" v-show="data.operate">
                                    <ul>
                                        <li>
                                            <i></i>
                                            <p>名称</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>`,

    methods: {
        showOperateFun: function () { // 点击加号文件展示
            this.data.operate = !this.data.operate
        }
    },

    created() {
        
    },
})